@mainblueColor: #1890ff;
@nameBlue:#669dd0;

.top {
    position: relative;

    .header {
        position: absolute;
        bottom: -40px;
        right: 10px;

        span {
            font-weight: bold;
        }
    }

    .btns{
        position: absolute;
        bottom: 20px;
        left: 34px;
    }
}

.container {
    overflow-y: hidden;

    &::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .bodyContainer {
        width: 100%;
        // display: flex;
        // flex-wrap: nowrap;
        // flex-direction: column;
        // justify-content: space-between;
        padding: 0.2rem;

        .subContainer {
            display: flex;
            margin: 8px;

            // position: relative;
            // width: 100%;
            .rightContainer {
                width: 100%;
                // font-size: 24px;
                // position: absolute;
                // top: 0;
                // right: 0;
                // bottom: 0;
                // left: 0;
                // margin: auto;

                .btns{
                    display: flex;
                    justify-content: space-between;
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                a {
                    color: @nameBlue;
                }

                .comments {
                    background: #333;
                    border-radius: 2px;
                    padding:  3px;
                    .item {
                        display: flex;
                        p{
                            margin-bottom: 1px;
                        }
                    }
                }
            }
        }

    }
}

:global {

    body {
        background-color: #242424;
        color: #ddd;
        // background: linear-gradient(to right, #000000,#00000000 30%,#00000000 70%, #000000);
    }

    .ant-card {
        background-color: #373737;
    }

    .ant-card-head-title,
    .ant-card-body {
        color: #ddd;
    }

    .pay {
        background-color: linear-gradient(to right, rgba(#09464e, 0.1) 0%, rgba(#057d7e, 0.8) 50%, rgba(#09464e, 0.1) 100%) !important;
    }

    .ant-form-item .ant-form-item-label>label {
        color: #ddd;
    }

    .ant-checkbox+span {
        color: #ddd;
    }

    .ant-form-item {
        margin-bottom: 2px;
    }
}